<?php echo HTML::contenido('js/vendor/summernote/dist/summernote.css'); ?>
<?php echo HTML::contenido('js/vendor/summernote/dist/summernote-bs3.css'); ?>
<?php echo HTML::script('vendor/summernote/dist/summernote.min.js');?>
<?php echo HTML::script('jocnet/noticias.js');?>
<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="<?php echo(url(''));?>">Portada</a></li>
        <li>Joc Net</li>
        <li class="active">Crear Notícia</li>
      </ol>
    </div>
    <div class="container">
<div class="row">
	<div class="panel panel-primary">
		<div class="panel-heading">
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#pestaña1" data-toggle="tab">Home</a>
				</li>
				<li>
					<a href="#pestaña2" data-toggle="tab">Editor</a>
				</li>
			</ul>
			<div class="options">
				<a href="#"><i class="fa fa-cogs"></i></a>
			</div>
		</div>
		<div class="panel-body">
			<div class="tab-content">
				<div class="tab-pane active" id="pestaña1">
				
					<div class="col-md-4">
						<h4 class="box-title">Títol Noticia</h4>
						<div class="input-group col-md-12">
							<span class="input-group-addon">Títol Notícia</span> <input
								type="text" placeholder="Títol" id="nom_noticia"
								class="form-control">
						</div>

						<h4 class="box-title">Texto Descripcion</h4>
						<div class="input-group col-md-12">
							<textarea id="text_desc" placeholder="Enter ..." rows="3"
								class="form-control"></textarea>
						</div>
						<div class="input-group col-md-12" style="padding: 15px">
							<label> Actiu Portada <input type="checkbox" id="actiu_portada" checked />
							</label> <label></p> Actiu Seccio Noticies <input type="checkbox" id="actiu"  checked /> </label>
						</div>
					</div>
					<div class="col-md-6">
						<h4 class="box-title">Sel·leccionar foto</h4>
						<div class="input-group col-md-12" style="padding: 15px">
							<div class="col-md-12">
								<div id="imatge_noticia" style="float: left; width: 152px; height: 152px; border-style: dotted; border-width: 1px; margin-bottom: 2em;">
								</div>
							</div>
							<div class="col-md-12"  >
								<input id="avatar" type="file"  class="form-control" onchange="cargar_foto_noticias();" name="avatar">
								<p/>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						</p>
						<button class="btn btn-default pull-left" onclick="javascript:crear_noticia_jocnet();" id="crear_noticia">
							<i class="fa fa-plus"></i> Crear Noticia
						</button>
					</div>
				</div>
				<div class="tab-pane" id="pestaña2">
					<div class="col-12">
						<textarea class="summernote"></textarea>
						<!--  <textarea name="editor_noticias_jocnet" id="editor_noticias_jocnet"></textarea>  -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<script>

 $('.summernote').summernote({
    height: 500,
    maxHeight: null,   
    focus: true
  });
</script>